﻿
<!--<i class="fa fa-search"></i><input type="text" ng-model="search" class="input-sm"  placeholder="Search"/>-->

<select ng-model="sortExpression">
    <option value="Name">Name A-Z</option>
    <option value="'Name' : reverse">Name Z-A</option>
    <option value="Price">Price - Lowest to Highest</option>
    <option value="Price : reverse">Price - Highest to Lowest</option>
</select>


<table class="table table-hover">
    <tr ng-repeat="gadget in Gadgets | filter: search | orderBy: sortExpression">
        <td><img src="{{gadget.TopPict}}" width="100" />
        <td><h4>{{gadget.Name}}</h4></td>
        <td><h2>{{gadget.Price}}</h2></td>
    </tr>
</table>


